<!DOCTYPE html>
<html  xmlns:th="http://www.thymeleaf.org">
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>系统管理首页</title>
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/bootstrap-4.6.2-dist/css/bootstrap.min.css">
</head>
<body>
<div class="container">
    <div class="row bg-black text-light" style="min-height: 60px">
        <div class="col-2">< img src="img/market.jpg" width="100%" alt=""></div>
        <div class="col-8 text-center"><p>欢迎使用超市管理系统</p ></div>
        <div class="col-2">
            <span>当前用户:</span>
            <span th:text="${username}"></span>
            <span><a href="/logout">退出</a></span>
        </div>
            <button class="btn btn-info">注销</button>
        </span> </div>
    </div>
    <div class="row" style="min-height: 400px;">
        <div class="col-2 bg-dark text-light">
            <li>管理系统首页</li>
            <li>商品管理</li>
            <li>供应商管理</li>
        </div>
        <div class="col-10">
            <p>这是主体内容区，应该是一些可视化的图</p >
        </div>
    </div>
</div>


<!--<p>这是系统管理首页，欢迎登录</p >-->
<!--<tr th:each="user:${data}">-->
<!--    <td th:text="${user.name}"></td>-->
<!--    <td th:text="${user.password}"></td>-->
<!--</tr>-->
</body>
</html>
